@charset "utf-8";
/*==共用==*/

/*img{vertical-align:middle;}*/
ol,ul,li{list-style-type:none;text-align:justify;text-justify:inter-ideograph;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size: 13px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
*, *:after, *:before{-webkit-box-sizing: border-box; box-sizing: border-box;}

/*==全局样式==*/
.cl:after,.clearfix:after{clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
.clear{clear:both;}
.cl,.clearfix{zoom:1;}
a{color:#666666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:none;}
a:focus{outline:none;}
em{font-style:normal}
.wh{width:100%;}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.fl{float:left;}
.fr{float:right;}
.fn{font-weight:normal;}
.center{text-align:center;}
.hide{overflow:hidden;}
@font-face{font-family: 'font1'; src: url(../font/zzgfjy.otf ); /* EOT file for IE */}
.font1{font-family:"font1","宋体";}

/*==布局样式==*/
.container{width:1200px; margin:auto;}
.wor{line-height:24px; color:#666; font-size:13px;}
.bg_white{background:#fff}

/*==效果transition:0.4s↓==*/
.slow,.slow a,.slow p,.slow li,.slow td,.slow input,.slow button,.slow select.slow textarea,.slow em,.slow img,.slow span,.slow hr,.slow h1,.slow h2,.slow h3,.slow h4,.slow h5,.slow h6,.slow b,.slow before,.slow after{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}

/*==图片效果effect1↓==*/
.effect-one{position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect-one .effect-one-img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:hidden}
.effect-oneBox:hover .effect-one-img,.effect-one:hover .effect-one-img{opacity:.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

/*==效果effect2==*/
.effect-two{width:100%;height:100%;position:relative;box-sizing:border-box;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:hidden}
.effect-two::before,.effect-two::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.effect-two::before{top:0;right:0;bottom:0;left:0;border-top:1px solid #cf2f2f;border-bottom:1px solid #cf2f2f;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.effect-two::after{top:0;right:0;bottom:0;left:0;border-right:1px solid #cf2f2f;border-left:1px solid #cf2f2f;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.effect-two:hover::before,.effect-two:hover::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

/*==按钮效果↓==*/
/*按钮效果-btn-1*/
.btn-1{overflow: hidden; position: relative;}
.btn-1:before, .btn-1:after{content: ""; position: absolute; z-index: -1; background-color: #cf2f2f; width: 100%; height: 0; left: 0; -webkit-transition: all .3s; transition: all .3s;}
.btn-1:before{bottom: 50%;}
.btn-1:after{top: 50%;}
.btn-1:hover:before, .btn-1:hover:after{height: 50%;}

/*按钮效果-btn-2*/
.btn-2{background: -webkit-linear-gradient(left, #cf2f2f, #cf2f2f) no-repeat; background: linear-gradient(to right, #cf2f2f, #cf2f2f) no-repeat; background-size: 0% 100%;}
.btn-2:hover{background-size: 100% 100%;}

/*按钮效果-btn-3*/
.btn-3{position: relative;}
.btn-3:before, .btn-3:after{z-index: 2; position: absolute; top: 50%; content: ''; width: 50px; height: 50px; background: rgba(20, 127, 221, 0.7); border-radius: 50%;}
.btn-3:before{left: -30px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* animation: criss-cross-left 0.8s reverse; */}
.btn-3:after{right: -30px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); /* animation: criss-cross-right 0.8s reverse; */}
.btn-3:hover:before, .btn-3:hover:after{border-radius: ; /* @include size($btn-width); */}
.btn-3:hover:before{-webkit-animation: criss-cross-left 0.8s both; animation: criss-cross-left 0.8s both;}
.btn-3:hover:after{-webkit-animation: criss-cross-right 0.8s both; animation: criss-cross-right 0.8s both;}

/*按钮效果-btn-4*/
.btn-4{position: relative;z-index: 2;}
.btn-4:before{position: absolute; content:""; left:0;top:0;z-index:-1; width:0%; height:100%; border-radius:0 20px 20px 0;background: #cf2f2f; transition: all .7s ease-in-out;}
.btn-4:hover:before{width:100%;}
.btn-4:hover{background: #ddd}